<template>
  <div class="fullMain">
    <x-header
      :left-options="{backText: ''}"
      title="title">
      <a slot="left" style="margin-left: 20px;">WeChat</a>
      实验室管理
      <a slot="right">
        <x-icon slot="overwrite-left" type="ios-person" size="35" style="fill:#fff;position:relative;top:-8px;left:-3px;"></x-icon>
      </a>
    </x-header>
    <div class="mainbBg">
      <scroller height="100%" width="100%" scrollbar-y lock-x>
        <div class="groupDiv">
          <span class="timeTitle">今天9:15 AM</span>
          <div class="chatDiv">
            <div>
              老板：项目做完了吗？
            </div>
          </div>
        </div>
      </scroller>
    </div>
  </div>
</template>

<script>
  import { XHeader } from 'vux'
  import { Scroller } from 'vux'
  export default {
    name: "Home_S",
    data () {
      return {
        title: "实验室管理"
      }
    },
    components:{
      XHeader,
      Scroller
    }
  }
</script>

<style>

</style>
